<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈评论列表</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/js/comment/microCircle/microCircleReview.js"></script>
    <link rel="stylesheet" href="/css/comment/microCircle/microCircleReview.css"/>
</head>
<body>
    <div class="layui-row boxStyle">
        <div class="layui-col-md12">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    微圈评论列表
                    <div class="btnRight" style="margin-bottom: 20px">
                        <button onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-refresh-1"></i>
                            刷新
                        </button>
                        <button onclick="backOff()" type="button" class="layui-btn layui-btn layui-btn-sm">
                            <i class="layui-icon layui-icon-return"></i>
                            返回
                        </button>
                    </div>
                </div>
            </div>
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor sizeWeight">
                    <i class="layui-icon layui-icon-form "></i>用户类型
                </div>
            </div>
        </div>
    </div>
    <br/>
    <br/>
    <div class="se boxStyle">
        <div  id="leadingUser">
            <p class="fl before selectStyle">前端用户</p>
        </div>
        <div  id="management">
            <p class="fl after">管理人员</p>
        </div>
    </div>
    <!--评论类型-->
    <div class="layui-row boxStyle">
        <div class="layui-col-md12">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor sizeWeight">
                    <i class="layui-icon layui-icon-form "></i>评论类型
                </div>
            </div>
        </div>
    </div>
    <br/>
    <br/>
    <div class="layui-row">
        <div class="layui-col-md12">
            <div id="all" class="se">
                <div  id="allComments">
                    <p class="fl selectStyle">全部评论(<span id="allNum">0</span>)</p>
                </div>
                <div  id="commentsNormal">
                    <p class="fl">正常(<span id="normalNum">0</span>)</p>
                </div>
                <div  id="commentsBlocked">
                    <p class="fl">已拦截(<span id="blockedNum">0</span>)</p>
                </div>
                <div  id="commentsDeleted">
                    <p class="fl">已删除(<span id="deleteNum">0</span>)</p>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row " style="margin-top: 20px;">
        <div class="layui-col-md12 headerCenter ">
            <table id="numberOfPeople" lay-filter="numberOfPeople"></table>
        </div>
    </div>
    <!--数据列表-->
    <div class="layui-row backColor" style="margin-top: 20px">
        <div class="layui-col-md12 headerCenter ">
            <div id="toolutil">
                <span>
                    <i class="layui-icon layui-icon-align-left"></i>
                    数据列表
                </span>
            </div>
            <!--微圈表格-->
            <div class="layui-col-md12">
                <table id="demo" lay-filter="demo"></table>
            </div>
        </div>
    </div>
</body>
</html>